import React from 'react'
import style from '../Swiperch/index.module.css'
import { Swiper } from 'react-vant';
import {  Image } from 'react-vant';
function index() {
    const images = [
    'https://img.yzcdn.cn/vant/apple-1.jpg',
    'https://img.yzcdn.cn/vant/apple-2.jpg',
    'https://img.yzcdn.cn/vant/apple-3.jpg',
    'https://img.yzcdn.cn/vant/apple-4.jpg',
    'https://img.yzcdn.cn/vant/apple-5.jpg',
    'https://img.yzcdn.cn/vant/apple-6.jpg',
    'https://img.yzcdn.cn/vant/apple-7.jpg',
    'https://img.yzcdn.cn/vant/apple-8.jpg',
  ]
  return (
    <div>
       <div className={style.swiper}>
              <Swiper>
                {images.map((image) => (
                  <Swiper.Item key={image}>
                    <Image lazyload src={image} />
                  </Swiper.Item>
                ))}
              </Swiper>
            </div>
    </div>
  )
}

export default index
